<template>
  <div class="header">
     <div class="nav">
        	<ul class="nav-in">
            	<li>
                <router-link to="/index">网站首页</router-link>
                </li>
                <li>
                    <a href="#">客片欣赏</a>
                    <ul style="overflow: hidden; height: 180px; display: none; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px;">
                        <li><router-link to="#">婚纱客片</router-link></li>
                        <li><router-link to="#">写真客片</router-link></li>
                        <li><router-link to="#">其他客片</router-link></li>
                    </ul>
                </li>
                <li>
                     <a href="#">样片大赏</a>
                     <ul style="overflow: hidden; height: 180px; display: none; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px;">
                         <li><router-link to="#">婚纱作品</router-link></li>
                         <li><router-link to="#">写真作品</router-link></li>
                         <li><router-link to="#">其他作品</router-link></li>
                     </ul>
                </li>
                <li>
                    <router-link to="list.html">最新资讯</router-link>
                    <ul style="overflow: hidden; height: 120px; display: none; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px;">
                        <li><router-link to="list">优惠活动</router-link></li>
                        <li><router-link to="list">行业新闻</router-link></li>
                       
                    </ul>
                </li>
                <li>
                    <a href="#">拍摄场景</a>
                    <ul style="overflow: hidden; height: 120px; display: none; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px;">
                        <li><a href="#">内景基地</a></li>
                        <li><a href="#">外景景点</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#">公司简介</a>
                    <ul style="overflow: hidden; height: 180px; display: none; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px;">
                        <li><a href="#">公司简介</a></li>
                        <li><a href="#">联系我们</a></li>
                        <li><a href="#">精英团队</a></li>
                    </ul>
                </li>
                <li>
                    <input type="text" v-model="username">
                    <button @click="getPhone">获取手机号</button>
                </li>
            </ul>
        </div>
  </div>
</template>
<script>
import axios from 'axios'
export default {
  data () {
    return {
      username: '赵云'
    }
  },
  methods: {
      getPhone() {
        axios.get('http://127.0.0.1:3000/user/info', {
            params: {
                username: this.username
            }
        })
            .then(res => {
                console.log(res.data)
            })
      }
  }
}
</script>

<style scoped>
  .header {
    width: 1410px;
    height: 680px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
  }
</style>
